<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>商品管理</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../script/vant/index.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/common.css" />
    <link rel="stylesheet" type="text/css" href="css/product.css" />
    <style>
        .aui-bar-nav {
            background-color: #fff;
        }

        .aui-bar {
            min-height: 2rem;
            z-index: 999999;
        }

        .topheader {
            height: 4rem;
            z-index: 9999;
            border-bottom: solid 0.5px #eee;
        }

        img.index_bg {
            width: 100%;
            height: auto;
        }

        .my_user_info_cont {
            color: #333;
            font-size: 1.1rem;
            font-weight: bold;
            text-align: left;
            margin-top: 1.4rem;
            margin-left: 5%;
        }

        .van-popover__wrapper {
            float: right;
        }

        .van-button--normal {
            height: 1.4rem;
            padding: 0px;
            background: #fff;
            border: solid 1px #fff;
        }

        .van-popover__action {
            width: 100px;
        }

        .van-popup.van-popover.van-popover--light {
            right: 10px !important;
            left: unset !important;
        }

        .van-popover[data-popper-placement=bottom] .van-popover__arrow {
            left: 70%;
        }

        .maskbg {
            z-index: 999;
            position: fixed;
            background: rgba(255, 255, 255, 0.1);
            top: 0;
            bottom: 0;
            width: 100%;
        }

        .bbs_mainbox {
            position: relative;
        }

        .choosebox {
            width: 80px;
            height: auto;
            position: absolute;
            top: 26px;
            right: 5px;
            background: #fff;
            padding-top: 10px;
            padding-bottom: 8px;
            border-radius: 5px;
            box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 20%);
            z-index: 99999;
        }

        .topstyle {
            height: 2rem;
            line-height: 2rem;
            text-align: center;
            border-bottom: dashed 0.5px #eee;
        }
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <div class="aui-tab" id="tab">
            <div class="coverInfo">
                <ul class="aui-tab-item" style="width:100%;font-size: 0.8rem;">
                    <li class="menuli" v-for="(item,index) in statusList">
                        <div v-bind:class="{'aui-active':status==item.id}"
                            v-on:click="randomSwitchBtn(item.text,item.id,index)">
                            <label class="labelbox">
                                {{item.text}}
                                <span v-for="(value,key,index) in statuscount" v-if="key==item.id"
                                    class="activespan">{{value}}</span>
                                <label>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        
        
            <section id="main_refresh" class="aui-refresh-content" >
            <div v-if="productList.length>0" class="bodymain">
                <div class="orderlist">
                    <div class="order_list_item">
                        <div class="order_product">
                            <ul class="aui-list aui-media-list" style="background-size:100% 0px; border: none;">
                                <li class="aui-list-item" style="border: none; background-size:100% 0px;"
                                    v-for="item in productList">
                                    <div v-on:click="closebox()" v-if="selectId==item.ID" class="maskbg">
                                    </div>

                                    <div class="aui-media-list-item-inner btn_line">
                                        <div class="aui-list-item-media">
                                            <div v-if="item.Status==6" class="nonumber"><span>售罄</span></div>
                                            <div v-if="item.Status==5" class="nonumber"><span>已下架</span></div>
                                            <div v-if="item.Status==0" class="nonumber"><span>暂存</span></div>
                                            <div v-if="item.Status==1" class="nonumber"><span>审核中</span></div>
                                            <div v-if="item.Status==3" class="nonumber"><span>审核拒绝</span></div>
                                            <div v-if="item.SaleActivityLimitCount>0" class="xiangou">
                                                限购{{item.SaleActivityLimitCount}}件</div>
                                            <img :src="item.CoverImage">
                                        </div>
                                        <div class="aui-list-item-inner">
                                            <div class="pro-list-item-title aui-ellipsis-2"
                                                v-on:click="link2Detail(item.ID)">
                                                {{item.Name}}
                                            </div>
                                            <div class="pro_type">
                                                <div class="pro_type_item fl aui-ellipsis-1">型号名称：{{item.TypeTitle}}
                                                </div>
                                                <div class="pro_type_item textalign_r fr aui-ellipsis-1">
                                                    剩余库存：{{item.Stock}}</div>
                                            </div>
                                            <div class="pro_price_box">
                                                <div v-if="selectId==item.ID" class="choosebox showTopstyle" >
                                                    <div v-if="item.Status==0||item.Status==3||item.Status==5"
                                                        class="topstyle" v-on:click="handEdit(item.ID)">编辑</div>
                                                    <div v-if="item.Status==0||item.Status==3||item.Status==5"
                                                        class="topstyle" v-on:click="handDelete(item.ID,item.Name)">删除
                                                    </div>
                                                    <div v-if="item.Status==0" class="topstyle"
                                                        v-on:click="handAuditUp(item.ID,item.Name)">提交审核</div>
                                                    <div v-if="item.Status==2||item.Status==5" class="topstyle"
                                                        v-on:click="handUp(item.ID,item.Name)">上架</div>
                                                    <div v-if="item.Status==4||item.Status==6" class="topstyle"
                                                        v-on:click="handDown(item.ID,item.Name)">下架</div>
                                                    <div v-if="item.Status==1" class="topstyle"
                                                        v-on:click="handUpCancel(item.ID,item.Name)">取消上架</div>
                                                    <div v-if="item.Status==4||item.Status==6" class="topstyle"
                                                        v-on:click="updatenum(item)">调整库存</div>
                                                </div>
                                                <!-- 会员 -->
                                                <span v-if="item.IsMemberPrice && !item.IsSaleActivityPrice"
                                                    class="redbgcolor huiyuan_point">会员</span>
                                                <!-- 活动 -->
                                                <span v-if="item.IsSaleActivityPrice"
                                                    class="redcolor hd_point">活动</span>
                                                <span v-if="item.IsMemberPrice && !item.IsSaleActivityPrice"
                                                    class="redcolor price">￥<label>{{item.MemberPrice}}</label></span>
                                                <span v-if="item.IsSaleActivityPrice"
                                                    class="redcolor price">￥<label>{{item.SaleActivityPrice}}</label></span>
                                                <span v-if="!item.IsMemberPrice&&!item.IsSaleActivityPrice"
                                                    class="redcolor price">￥<label>{{item.SalePrice}}</label></span>
                                                <label
                                                    v-if="item.IsMemberPrice||item.IsSaleActivityPrice"><s>￥{{item.SalePrice}}</s></label>
                                                <i v-on:click="do_openmenu(item.ID)"
                                                    class="icon iconfont icon-gengduo1 fr"></i>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>

                    </div>
                </div>
            </div>
        </section>
        <div v-if="productList.length>0">
            <van-goods-action>
                <van-goods-action-button text="添加商品" color="#1a66ff" class="font75" @click="do_addProduct" />
            </van-goods-action>
        </div>

            
        
        <div v-if="productList.length<=0&&!is_searching" class="noshuju">
            <van-empty description="暂无数据" />
            <van-goods-action>
                <van-goods-action-button text="添加商品" color="#1a66ff" class="font75" @click="do_addProduct" />
            </van-goods-action>
        </div>
    


    </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript " src="../script/vant/vue.js"></script>
<script type="text/javascript " src="../script/vant/vant.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="../script/aui-tab.js"></script>
<script type="text/javascript " src="js/productlist.js"></script>
<script type="text/javascript">
</script>

</html>